<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>省广首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/head.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/foot.css"/>
		<link rel="stylesheet" type="text/css" href="css/swiper.min.css"/>
	</head>
	<body>
		<!-- 大容器 开始 -->
		<div class="web">
			
			

			
			<!-- 头部 开始 -->
			<div class="nav-top">
				
				<!-- 头部-左 开始 -->
				<a href="Sign_in.html">
					<div class="top-menu">
					
				    </div>
				</a>
				<!-- 头部-左 结束 -->
				
				<!-- 头部logo 开始 -->
				<img src="img/logo_03.jpg" >
				<!-- 头部logo 结束 -->
				
				<!-- 搜索按钮 开始 -->
				<a href="search.html">
					<div class="search-btn">
					
				    </div>
				</a>
				
				<!-- 搜索按钮 结束 -->
				
			</div>
			<!-- 头部 结束 -->
			
			
			
			
			<!-- 主体 开始 -->
			<div class="wrapper">
				
				<!-- logo过渡 开始 -->
				<div class="w_tran">
					<div class="tran_img1"></div>
					<span>|</span>
					<div class="tran_img2"></div>
			
				</div>
				<!-- logo过渡 结束 -->
				
				<!-- dt大时代 开始 -->
				<!-- <div class="w_big"></div> -->
					
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/images/大时代_02.jpg" width="100%" height="100%">
						</div>
						<div class="swiper-slide">
							<img src="img/images/大时代_02.jpg" width="100%" height="100%">
						</div>
						<div class="swiper-slide">
							<img src="img/images/大时代_02.jpg" width="100%" height="100%">
						</div>
					</div>
					<div class="swiper-pagination"></div>
						
					</div>
					    
				<!-- dt大时代 结束 -->
				
				<!-- 前两块 开始 -->
				<div class="w_first">
					<div class="w_f_1">
						<div class="wf1_left">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="le_bot">
								<span class="b_span1">
									<img src="img/爱心_05.jpg" ><span>120</span>
								</span>
								<span class="b_span2">2小时前 [案例观点]</span>
							</div>
							<!-- 清除浮动 -->
							<div class="clear"></div>
						</div>
					</div>
					<div class="w_f_2">
						<div class="wf2_left">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="le_bot">
								<span class="b_span1">
									<img src="img/爱心_05.jpg" ><span>886</span>
								</span>
								<span class="b_span2">5小时前 [课程]</span>
							</div>
							<!-- 清除浮动 -->
							<div class="clear"></div>
						</div>
					</div>
				</div>
				<!-- 前两块 结束 -->
				
				<!-- 灰色过渡 开始 -->
				<div class="w_gray">
					
				</div>
				<!-- 灰色过渡 结束 -->
				
				<!-- 第二栏 开始 -->
				<section class="second">
					<a href="">
						<div class="s_detail">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="s_img">
								<ul class="s_i_ul">
									<li>
										<img src="img/新闻图3.1_05.jpg" >
									</li>
									<li>
										<img src="img/新闻图3.2_05.jpg" >
									</li>
									<li>
										<img src="img/新闻图3.3_05.jpg" >
									</li>
								</ul>
							</div>
							<div class="s_info">
								<div>
									<span class="s_i_sp1">
										<img src="./img/images/小头像_03.jpg" >
										<span>陈正光</span>
									</span>
									<span class="s_i_sp2">
										<img src="img/评论图标_05.jpg" >
										<span>6868</span>
									</span>
									<span class="s_i_sp3">
										<img src="img/爱心_05.jpg" >
										<span>4808</span>
									</span>
									<span class="s_i_sp4">2天前 [案例观点]</span>
								</div>
							</div>
						</div>
					</a>
				</section>
				<!-- 第二栏 结束 -->
				
				<!-- 第三栏 开始 -->
				<section class="third">
					<a href="">
						<div class="t_left">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="t_info">
								<div>
									<span class="in_span1">
										<img src="img/爱心_05.jpg" >
										<span>6</span>
									</span>
									<span class="in_span2">12月26日 07:33:43 [新闻]</span>
								</div>
							</div>
						</div>
						<div class="t_right">
							
						</div>
					</a>
				</section>
				<!-- 第三栏 结束 -->
				
				<!-- 第四栏 开始 -->
				<section class="fifth">
					<a href="">
						<div class="f_left">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="f_info">
								<div>
									<span class="in_span1">
										<img src="img/爱心_05.jpg" >
										<span>120</span>
									</span>
									<span class="in_span2">12月26日 07:33:43 [项目]</span>
								</div>
							</div>
						</div>
						<div class="f_right">
							
						</div>
					</a>
				</section>
				<!-- 第四栏 结束 -->
				
				<!-- 第五栏 开始 -->
				<section class="sixth">
					<a href="">
						<div class="si_detail">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="si_img">
								<ul class="si_i_ul">
									<li>
										<img src="img/新闻图6.1_05.jpg" >
									</li>
									<li>
										<img src="img/新闻图6.2_05.jpg" >
									</li>
									<li>
										<img src="img/新闻图6.3_05.jpg" >
									</li>
								</ul>
							</div>
							<div class="si_info">
								<div>
									<span class="si_i_sp1">
										<img src="./img/images/小头像_03.jpg" >
										<span>陈正光</span>
									</span>
									<span class="si_i_sp2">
										<img src="img/评论图标_05.jpg" >
										<span>6868</span>
									</span>
									<span class="si_i_sp3">
										<img src="img/爱心_05.jpg" >
										<span>4808</span>
									</span>
									<span class="si_i_sp4">2天前 [案例观点]</span>
								</div>
							</div>
						</div>
					</a>
				</section>
				<!-- 第五栏 结束 -->
				
				<!-- 第六栏 开始 -->
				<section class="seventh">
					<a href="">
						<div class="se_left">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="se_info">
								<div>
									<span class="in_span1">
										<img src="img/爱心_05.jpg" >
										<span>6</span>
									</span>
									<span class="in_span2">12月26日 07:33:43 [新闻]</span>
								</div>
							</div>
						</div>
						<div class="se_right">
							
						</div>
					</a>
				</section>
				<!-- 第六栏 结束 -->
				
				<!-- 第七栏 开始 -->
				<section class="ninth">
					<a href="">
						<div class="n_left">
							<h3>#苍井空#互联网卖内衣全球引爆声量飙至7.9亿</h3>
							<div class="n_info">
								<div>
									<span class="in_span1">
										<img src="img/爱心_05.jpg" >
										<span>6</span>
									</span>
									<span class="in_span2">12月26日 07:33:43 [新闻]</span>
								</div>
							</div>
						</div>
						<div class="n_right">
							
						</div>
					</a>
				</section>
				<!-- 第七栏 结束 -->
				
				<!-- 加载更多 开始 -->
				<div class="loding">
					<span>加载更多</span>
				</div>
				<!-- 加载更多 结束 -->
				
				
				
				
			</div>
			<!-- 主体 结束 -->
			
			
			
			
			
			
			
			
			<!-- 尾部 开始 -->
			<div class="nav">
				<div class="nav-foot">
					<ul class="f_ul">
						<a href="index.html" >
							<li></li>
						</a>
						<a href="" >
							<li></li>
						</a>
						<a href="article.html" >
							<li></li>
						</a>
						<a href="resource.html">
							<li></li>
						</a>
						<a href="" >
							<li></li>
						</a>
					</ul>
				</div>
			</div>
			<!-- 尾部 结束 -->
			
			
		</div>
		<!-- 大容器 结束 -->
		
		
		<script src="js/swiper.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper ('.swiper-container', {
				    autoplay:true,
				    loop: true, // 循环模式选项
					pagination:'.swiper-pagination',
					paginationType:'bullets',
				
					pagination: {
						  el: '.swiper-pagination',
						}
				});
		</script>
	</body>
</html>
